<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/index.css">
    <title>首页</title>
</head>
<body>
    <header>
        <div class="head">
            <div class="logo">
                <img src="./img/index/logo.jpg" alt="">
            </div>
            <div class="search">
                <input type="text" placeholder="请输入商品名称">
                <button type="button"></button>
                
            </div>
            <div class="select">
                <select name="city">
                    <option value="gz">广州市</option>
                    <option value="fs">佛山市</option>
                    <option value="sz">深圳市</option>
                </select>
            </div>
        </div>
    </header>
    <section>
        <div class="banner">
            <img src="./img/index/banner.jpg" alt="">
        </div>
        <div class="discounts">
            <div class="top">
                <div class="top-lf">
                    <img src="./img/index/top1.png" alt="">
                    优惠团购
                </div>
                <div class="top-rg">
                    更多
                    <img src="./img/index/top2.png" alt="">
                </div>
            </div>
            <div class="content">
                <img src="./img/index/discounts1.png" alt="">
                <img src="./img/index/discounts2.png" alt="">
                <img src="./img/index/discounts3.png" alt="">
                <img src="./img/index/discounts4.png" alt="">
            </div>
            <div class="top">
                <div class="top-lf">
                    <img src="./img/index/top3.png" alt="">
                    猜你喜欢
                </div>
                <div class="top-rg">
                    更多
                    <img src="./img/index/top2.png" alt="">
                </div>
            </div>
            <div class="goods">
                <div class="box">
                    <div class="box-lf">
                        <img src="./img/index/sushi.jpg" alt="">
                    </div>
                    <div class="box-rg">
                        <div class="rg-lf">
                            <h4>万岁寿司（正佳店）</h4>
                            <p>[100店通用]双人套餐</p>
                            <span>￥88.00</span>
                        </div>
                        <div class="rg-rg">
                            <p>&lt100m</p>
                            <br>
                            <p>已售1000</p>
                        </div>
                    </div>
                </div>
                <div class="box">
                    <div class="box-lf">
                        <img src="./img/index/duck.png" alt="">
                    </div>
                    <div class="box-rg">
                        <div class="rg-lf">
                            <h4>周黑鸭（正佳店）</h4>
                            <p>[100店通用]双人套餐</p>
                            <span>￥88.00</span>
                        </div>
                        <div class="rg-rg">
                            <p>&lt100m</p>
                            <br>
                            <p>已售1000</p>
                        </div>
                    </div>
                </div>
                <div class="box">
                    <div class="box-lf">
                        <img src="./img/index/duck.png" alt="">
                    </div>
                    <div class="box-rg">
                        <div class="rg-lf">
                            <h4>周黑鸭（正佳店）</h4>
                            <p>[100店通用]双人套餐</p>
                            <span>￥88.00</span>
                        </div>
                        <div class="rg-rg">
                            <p>&lt100m</p>
                            <br>
                            <p>已售1000</p>
                        </div>
                    </div>
                </div>
                <div class="box">
                    <div class="box-lf">
                        <img src="./img/index/duck.png" alt="">
                    </div>
                    <div class="box-rg">
                        <div class="rg-lf">
                            <h4>周黑鸭（正佳店）</h4>
                            <p>[100店通用]双人套餐</p>
                            <span>￥88.00</span>
                        </div>
                        <div class="rg-rg">
                            <p>&lt100m</p>
                            <br>
                            <p>已售1000</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <div class="foot">
            <a href="#">
                <div>
                    <div><img src="./img/index/index.png" alt=""></div>
                    <p>首页</p>
                </div>
            </a>
            <a href="./kind.html">
                <div>  
                    <div><img src="./img/index/kind.png" alt=""></div>
                    <p>分类</p>
                </div>
             </a>
            <a href="./discover.html">
                <div>
                    <div><img src="./img/index/discover.jpg" alt=""></div>
                    <p>发现</p>
                </div>
            </a>
            <a href="./user.html">
                <div>
                    <div><img src="./img/index/user.png" alt=""></div>
                    <p>我的</p>
                </div>
            </a>
        </div>
    </footer>
</body>
</html>